import { ErrorBlock } from 'antd-mobile';
import React from 'react'
import { useRouteError } from "react-router-dom";

export const ErrorPage: React.FC<{}> = ({ }) => {
  const error = useRouteError() as any;
  return <div className='center flex-col h-full'>
    <ErrorBlock status='busy' title={'未知错误'} description={'对不起, 发生了点意外情况!'}>
      <p className='text-14px mt-8px'>
        <i>{error?.statusText || error?.message}</i>
      </p>
    </ErrorBlock>
  </div>
}